<!-- <h2 class="page-title">
	基本信息
</h2>
<ul class="home-info" style="padding-top:0px;">
	<#if curruser.createtime??><li><i class="iconfont icon-shijian"></i>加入时间：<span>${curruser.createtime?string('yyyy-MM-dd HH:mm:ss')}</span></li></#if>
	<li><i class="iconfont icon-chengshi"></i>省份：<span>${curruser.province!''}</span></li>
	<li><i class="iconfont icon-chengshi"></i>城市：<span>${curruser.city!''}</span></li>
</ul> -->
<style type="text/css">
.user-info-list {
	background:  #F6EEE6;
	border-radius: 2px;
}
.user-info-list .ul-li{
	width: 150px;
    position: relative;
    padding: 6px 17px;
    box-sizing: border-box;
    border-left: 4px solid transparent;
}
.user-info-list .ul-li.border-active {
	padding-left: 42px;
	text-align: center;
}
.user-info-list .ul-li a{
	display: block;
	width: 100%;
	height: 100%;
}
.user-info-list .ul-li img{
	width: 20px;
    height: 20px;
}
.user-info-list .ul-li span{
	font-family: Microsoft YaHei;
    font-size: 14px;
    color: #3A3A3A;
    margin-left: 10px;
}
.active{
	background:  #FFFFFF !important;
	border-left: 4px solid #53CAE3 !important;
}
.active.ul-li span{
	color: #53CAE3;
}
.goBack{
    display: none;
}
/* 移动端 */
@media screen  and (max-width: 850px),@media screen  and (orientation: landscape),
only screen  and (max-device-width: 850px) {
	.header{
        display: none;
    }
    .pc{
    	display: none;
    }
	.layui-bar {
        display: none;
    }
    .ukefu-profile-menu {
	    width: 100%;
        min-height: 0px;
	}
    .ukefu-profile-menu ul{
        display: none;
    }
    .ukefu-profile {
        width: 100%;
        border-radius: 0.053333rem;
    }
    .ukefu-profile .content{
    	padding:0px!important;
    }
    .layui-tab-content {
	    padding: 0.266667rem!important;
	    width:100%;
	    box-sizing:border-box;
	}
	.user-info-list .ul-li {
		line-height:normal;
	}
	.user-info-list .ul-li span {
	    font-size: 0.373333rem;
	}
	.goBack{
        display: block;
        width: 100%;
        height: 1.36rem;
        padding-left:0.266667rem;
        margin-top:1.386667rem;
        line-height: 1.36rem;
        margin-bottom: 0.266667rem;
        font-size: 0px;
        color: #262626;
        position: relative;
        box-sizing: border-box;
        background: rgba(255,255,255,0.90);
    }
    .goBack span{
        position: absolute;
        top:0.0rem;
        font-size: 0.426667rem;
    }
    .goBack .layui-icon{
        font-size: 0.533333rem;
    }
    .goBack .title-name{
    	display: inline-block;
    	position: absolute;
    	left: 50%;
    	font-size: 0.426667rem;
		color: #3A3A3A;
    	-webkit-transform: translateX(-50%); 
		-moz-transform: translateX(-50%); 
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
    	transform: translateX(-50%);
    }
    .layui-tab{
    	margin:0px!important;
    }
    .layui-tab-title {
    	display: flex;
	    left: 0!important;
	    height: 1.066667rem!important;
	    border-bottom: 0.026667rem solid #818080!important;
	}
	.layui-tab-title li {
		display: inline-block!important;
		flex: 1!important;
		height: 100%!important;
	    font-size: 0.373333rem!important;
	    line-height: 1.066667rem!important;
	    min-width: 1.733333rem!important;
	    padding: 0 0.266667rem!important;
	    box-sizing: border-box!important;
	}
	.layui-tab-title li a {
	    font-size: 0.426667rem!important;
		color: #2A2A2A!important;
	}
	.layui-tab-title .layui-this:after {
	    display: none!important;
	}
	.layui-tab-title .layui-this a{
		height:100%!important;
		border-bottom: 0.053333rem solid #2A2A2A!important;
		box-sizing: border-box!important;
	}
	 .layui-layer-rim{
        width: 80%!important;
        height: 10.5rem!important;
        top:10%!important;
        left:10%!important;
        border: 0.16rem solid rgba(0,0,0,.3)!important;
    }
    .layui-layer-setwin {
        right: 0.4rem!important;
        top: 0.1rem!important;
        padding:0.4rem!important;
    }
    .layui-layer-page .layui-layer-content {
        height:8rem!important;
    }
    #showCopperImg {
        width: 100%!important;
        height: 5rem!important;
    }
    .copper-img-show {
        max-width: 100%!important;
        max-height: 5rem!important;
        width: 80%!important;
    }
    .layui-layer-btn {
        padding: 0 0.266667rem 0.32rem!important;
    }
    .layui-layer-btn a {
        height: 0.746667rem!important;
        line-height: 0.746667rem!important;
        margin: 0.16rem 0.16rem 0!important;
        padding: 0 0.4rem!important;
        border: 0.026667rem solid #dedede!important;
        border-radius: 0.053333rem!important;
    }
    .cropper-container {
        width: 100%;
        height: 5rem!important;
    }
    .show-preview{
        margin-top: 0.533333rem!important;
        margin-left: 0.4rem!important;
    }
    .layui-layer-dialog {
        min-width: 6.933333rem;
    }
    .layui-layer-title {
        padding: 0 0.533333rem 0 0.533333rem;
        height: 1.12rem;
        line-height: 1.12rem;
        border-bottom: 0.026667rem solid #eee;
        font-size: 0.373333rem;
        border-radius: 0.053333rem 0.053333rem 0 0;
    }
    .layui-layer-dialog .layui-layer-content {
        padding: 0.533333rem;
        height: 2rem;
        line-height: 0.64rem;
        font-size: 0.373333rem;
    }
    .layui-layer-content .error-msg {
        margin-top: 0.266667rem;
        font-size: 0.32rem;
    }
    .layui-layer-setwin .layui-layer-close1{
    	display: none;
    }
    .root-box .bg-two {
	    display: none!important;
	}
	
}

</style>
<ul class="user-info-list">
	<!-- <li>
		<a href="#">
			<img class="user-photo" alt="" src="/${user.fileurl!''}">
		</a>
	</li> -->
<!-- 	<li class="ul-li <#if typename?? && typename == 'index'>active</#if>">
		<a href="/user/index.html">
			<img alt="" src="/images/user-info/home.png">
			<span>我的主页</span>
		</a>
	</li> -->
	
	<li class="ul-li <#if typename?? && typename == 'profile' || typename == 'payment'|| typename == 'mybill' || typename == 'incomeList' || typename == 'changpassword'>active</#if>">
		<a href="/user/profile.html">
			<!-- <img alt="" src="/images/user-info/icon_information@3x.png"> -->
			<span>个人资料</span>
		</a>
	</li>
	
	<li  class="ul-li <#if typename?? && typename == 'center' || typename == 'answer'>active</#if>">
		<a href="/user/center.html?ps=8">
			<!-- <img alt="" src="/images/user-info/post .png"> -->
			<span>帖子</span>
		</a>
	</li>
	<li  class="ul-li  <#if typename?? && typename == 'collection' || typename == 'microcase'>active</#if>">
		<a href="/user/collection.html">
			<!-- <img alt="" src="/images/user-info/collect.png"> -->
			<span>收藏</span>
		</a>
	</li>
	<li  class="ul-li   <#if typename?? && typename == 'downList'|| typename == 'approvecaseindex' || typename == 'uploadcaseindex' || typename == 'addcomment' || typename=='boughtCase'>active</#if>">
		<a href="/microcase/downlist.html">
			<!-- <img alt="" src="/images/user-info/case.png"> -->
			<span>案例</span>
		</a>
	</li>
	<li  class="ul-li   <#if subtype && subtype == 'messageboard'>active</#if>">
		<a href="/messageboard/index/${user.id!''}.html">
			<!-- <img alt="" src="/images/user-info/message-board .png"> -->
			<span>留言板</span>
		</a>
	</li>
	<li  class="ul-li   <#if subtype && subtype == 'messagebox'>active</#if>">
		<a href="/messagebox/index.html">
			<!-- <img alt="" src="/images/user-info/message.png"> -->
			<span>消息盒子</span>
		</a>
	</li>
	<li  class="ul-li   <#if subtype && subtype == 'follows'>active</#if>">
		<a href="/user/follows/list/${user.id!''}.html">
			<!-- <img alt="" src="/images/user-info/followed.png"> -->
			<span>已关注</span>
		</a>
	</li>
	<li  class="ul-li pc-display-none">
		<a href="/logout.html">
			<span>退出</span>
		</a>
	</li>
</ul>